<template>
	<tn-popup v-model="isShow" mode="bottom" :closeBtn="true" @close="closeShow" :borderRadius="20">
	    <view class="content">
	    	<view class="popup_title">保障说明</view>
	    </view>
		<view>
			<scroll-view scroll-y="true" style="height: 60vh;">
				<view class="content_box">
					<view class="content_box_title">7天无理由退货</view>
					<view class="content_box_describe">符合相应条件时，消费者可申请7天无理由退货</view>
				</view>
				<view class="content_box">
					<view class="content_box_title">运费险</view>
					<view class="content_box_describe">退货或换货，均可享受一定金额的运费补贴(全球购商品不支持换货)</view>
				</view>
				<view class="content_box">
					<view class="content_box_title">极速退款</view>
					<view class="content_box_describe">满足相应条件时，待发货状态下，提交退款申请将免审核立即退款 </view>
				</view>
				
				<u-divider class="divider" text="本商品享受上诉商家服务" lineColor="#9CA3AF" textColor="#808080" textSize="12px"></u-divider>
			</scroll-view>
		</view>
	</tn-popup>
</template>

<script>
export default {
	props: {
		show: Boolean,
	},
	watch: {
		show(newVal, oldVal) {
			this.isShow = newVal;
		}
	},
	data() {
		return {
			isShow: false,
		}
	},
	methods: {
		closeShow() {
			this.isShow = false;
			this.$emit('close');
		},
	},
}
</script>

<style scoped>
.popup_title {
	color: #1A1A1A;
	font-size: 17px;
	font-weight: bold;
	padding-top: 10px;
	padding: 12px 16px;
}
.recently_box {
	padding: 0 10px;
}
.content_box {
	width: 100%;
	padding: 20px 16px;
}
.content_box_title {
	font-size: 16px;
	color: #1A1A1A;
	font-weight: bold;
}
.content_box_describe {
	margin-top: 7px;
	color: #808080;
	font-size: 14px;
}
.divider {
	padding: 12px 50px;
}
</style>